$(function () {
    function resize() {
        //获取屏幕宽度
        var windowWidth = $(window).width();
        //判断屏幕，调整图片
        var isSmallScreen = windowWidth < 768;
        $("#main-ad>.carousel-inner>.item").each(function (i, item) {
            var $item = $(item);
            var imgSrc = $item.data(isSmallScreen ? 'img-sm' : 'img-lg');
            $item.css('backgroundImage', "url('" + imgSrc + "')");
            //需要小图的时候等比例缩放，需要图片
            if (isSmallScreen) {
                $item.html("<img src='" + imgSrc + "' alt='' />")
            } else {
                $item.empty();
            }
        });
    }
//当调整浏览器窗口的大小时，发生 resize 事件。
    $(window).on('resize', resize).trigger('resize');
//c插件初始化tooltips，执行一次，如果需要多次，放入resize
    $('[data-toggle="tooltip"]').tooltip();

    var $ulContainer = $(".nav-tabs");
    var width = 50;//ul上有padding-left
    //child是单数
    $ulContainer.children().each(function (index, element) {
        width += element.clientWidth;
        //也可以$(element).width()
    });
    if (width > $(window).width()) {
        $ulContainer.css('width', width)
            .parent().css('overflow-x', 'scroll')
    }
//手机端滑动操作
    //获取界面上的轮播容器
    var $carousels = $(".carousel");
    var startX, endX;
    var offset = 50;
    //根据左上角为原点，不考虑上下，只考虑左右，如果为差为正，则为下一张，否则为上一张
    $carousels.on('touchstart', function (e) {
        //console.log(e)   获取的是touches
        startX = e.originalEvent.touches[0].clientX;
    });
    $carousels.on('touchmove', function (e) {
        endX = e.originalEvent.touches[0].clientX;
    });
    $carousels.on('touchend', function (e) {
        //控制精度，获取每次移动的值，值大于一定的数offset，才是真正的运动
        var distance = Math.abs(startX - endX);
        if (distance > offset) {
            $(this).carousel(startX > endX ? 'next' : 'prev');
        }
    });


});